@charset "utf-8";

/* CSS Document */
/* For tablets & smart phones */
@media screen and (max-width: 1200px) {
      .containe{
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 10px;
        margin-right: 10px;
      } 
      .logobar h1 {
          background-size: contain!important;
    width: 300px;
    height: 50px;}
    .blackInfo h3 {
    font-size: 20px;}
    .blackInfo p {
    font-size: 14px;
    line-height: 2em;
    height: 4em;
    overflow: hidden;
}
}
    /* For larger displays */
@media screen and (min-width: 980px) and (max-width: 1200px) {
      
}

@media screen and (max-width: 979px) {
    .logobar .fr .kh
      {display: none;}
      .logobar .sertel{padding-top: 12px;line-height: 30px;}
      .logobar .sertel strong{display: block;}
      .blackInfo h3 {
    height: 3.5em;
    line-height: 5em;
}
.cons03 .fr{float: none;}
#dituContent,#dituContent02{max-width: 100%;}
}
     /* For smaller displays like laptops */
@media screen and (min-width: 768px) and (max-width: 979px) {
      
}
@media screen and (min-width: 768px){
    #Nav>li:hover .subNav{
        display: block;}
}
@media screen and (max-width: 767px) {
      /*body {
        padding-left: 10px;
        padding-right: 10px;
      }*/
      #Nav{overflow: hidden;}
      .containe{padding:0;}
      .topbar,
      .logobar .img,
      .flex-direction-nav,
      .maincates,
      .tarcates h2,
      .fotTop ,
      #topBack,
      h3.yzrx,
      .yzrxUl
      {display: none;}
      .mBtn{
        display: inline-block;
        float: right;
width: 10%;
margin-right: 3%;
cursor: pointer;
margin-top: 3%;
      }
      .mBtn img {
    max-width: 38px;
    max-height: 35px;
}
.logobar{padding: 10px 0 7px;}
.logobar .fr{float: none;
display: inline-block;
vertical-align: bottom;}
.logobar h1{width:120px;height: 60px;}
.navbar{background-color: #fff;height: 0}
#Nav{
    height: 0px;
    width: 100%;
    display: block;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 2px 2px #000;
    transition: all .5s ease;
-webkit-transition: all .5s ease;
    /*margin-left: -1px; 下面的是为了解决外部containe有margin左右10px,导致手机下拉菜单不是通屏的  */   
    margin-left: -12px;
    padding-right: 10px;
    padding-left: 10px;
}
.showH {
    height: 290px !important;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #ab1f24;
    margin-bottom: 2px;
}
#Nav li {
    display: block;
    width: 100%;
    margin-left: 0;
    padding: 0;
}
#Nav li a {
  font-weight: 400;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    transition: none;
    border-top: 1px solid #ab1f24;
    color: #ab1f24;
    background-image: none;
    border-right: none;
} 
#Nav li:first-child a{border-top: none;}
.logobar .sertel strong {
    font-size: 19px;} 
    .logobar .sertel {
          text-align: left;
    padding-top: 0;
    line-height: 21px;
} 
.w50 {
    width: 100%;
    float: none;
} 
.aboutUL li.act a ,.aboutUL li a{
    width: 100%;} 
.aboutUL li:nth-child(even) img{float: right;}
.aboutUL li:nth-child(even) .innerTip{
  right: 0;
}
.Rside{float: none;width: 100%;padding-left: 0;}
.imgDiv.ban {
    padding-bottom: 10px;
}
.tarcates {margin-bottom: 8px; }
.tarcates ul {
    margin-right: -3px;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.tarcates li {
    width: 111%;
    float: left;
    color: #fff;
    font-weight: 400;
    text-align: center;
    line-height: 22px;
    flex: 1 1 120px;
    background-color: #dcdcdc;
    margin-right: 3px;
    margin-bottom: 3px;
}
.tarcates ul li a {
    color: #3B3939;
    padding: 0 3px;
    border: none;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
}
.fotbot{padding-top: 0px;}
.tellxx p{line-height: 28px;}
.fotbot .p01{padding: 6px 1em 5px 0;}
#indexFor div {
    padding: 5px 0;
}
#indexFor{padding-top: 8px;}
    .titBar h2 {
    height: 38px;
    line-height: 59px;
    font-size: 18px;}
    .titBar span {
    height: 31px;
    line-height: 17px;
    font-size: 14px;}
    .blackInfo p{display: none;}
    .blackInfo h3{line-height: 6em;}
    .blackInfo h3{margin-left: 0;}
    .aboutUL .innerTip {font-size: 16px; width: 23px;line-height: 18px; padding:3em 4px;}
    .aboutUL .innerCon h3{line-height: 3em; height: 2.5em; }
    .aboutUL .innerCon p {
    line-height: 25px;
    width: 86%;
    margin-left: 7%;
}
img#spec{margin: 16px 0;}
.list02{padding-left: 0;}
.list02 .f2 h4 {
    font-size: 14px;
font-weight: 600;}
.list02 li {
    padding: 7px 10px;}
    .newsArea {
    padding: 18px 0;}
    .thumb h3 {
    font-size: 14px;}
    .proList li {
    padding: 10px 0;
}
.proList p {
    line-height: 21px;
    padding: 4px 0;
}
.proList h4 {
    font-size: 14px;
    height: 28px;
    line-height: 38px;
    font-weight: 600;
}
.blackInfo{display: block;}
.list03 {
    width: 100%;
}
.article h1{font-size: 16px;line-height: 23px;padding-bottom: 12px;font-weight: 600}
.cons03{padding: 12px;}
.cons03 h2 {
    font-size: 15px;
    height: 37px;}
    .rowCon02 {
    line-height: 21px;
    font-size: 13px;
    margin-bottom: 9px;
}
.skip .right{text-align: left; }

}
@media screen and (max-width: 639px) {
     .logobar{height: 60px;} 
     .blackInfo h3 {
    height: 4em;
    line-height: 6em;
    font-size: 16px;
}

    .aboutUL .innerCon h3{font-size: 14px; font-weight: 600;}
}
     /* For smartphones */
@media screen and (max-width: 480px) {
.logobar{height: 50px;}
.logobar h1 {width: 100px; height: 50px; }
.blackInfo h3 {height: 3em; line-height: 5em; font-size: 12px; }
.aboutUL .innerTip {font-size: 14px;}
.aboutUL .innerCon p {font-size: 12px;}
.applysUL li{width: 48%;padding-bottom: 7px; margin-bottom: 18px;}
.applysUL h4 {font-size: 14px; height: 28px; line-height: 36px; }
.breaker {padding-bottom: 15px; }
.list03 li{width: 100%}
.article h1{font-size: 16px;line-height: 23px;padding-bottom: 10px;font-weight: 600}
.titBar02{margin-top: 0;}
.tit03 {font-size: 16px;}
.newsLi .big {
    width: 160px;
    height: 96px;}
    .newsLi .tags .ski{display: none;}
    .newsLi li .fl0{padding: 0;height: 95px;}
    .newsLi h4 {
    font-size: 16px;}
    .newsLi li p {
    font-size: 13px;
    margin: 6px 0 4px;
    height: 38px;}
    .supUL li {
    line-height: 30px;}
    .supUL h4 {
    font-size: 15px;
    line-height: 32px;
    padding-left: 50px;
}
.article{padding-bottom: 0;}
.skip {margin-top: 20px; }
}